<div class="content" id="center_content" data-th-fragment="center-content">
	<style>
		#center_content{
			margin-top:10px;
		}
		@Media(max-width:768px){
			#center_content{
				margin-top:0px;
			}
		}
	</style>
	<div class="row">
       <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
           <a class="dashboard-stat dashboard-stat-v2 blue" href="#">
               <div class="visual">
                   <i class="fa fa-comments"></i>
               </div>
               <div class="details">
                   <div class="number">
                       <span data-counter="counterup" data-value="1349">1349</span>
                   </div>
                   <div class="desc"> New Feedbacks </div>
               </div>
           </a>
       </div>
       <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
           <a class="dashboard-stat dashboard-stat-v2 red" href="#">
               <div class="visual">
                   <i class="fa fa-bar-chart-o"></i>
               </div>
               <div class="details">
                   <div class="number">
                       <span data-counter="counterup" data-value="12,5">12,5</span>M$ </div>
                   <div class="desc"> Total Profit </div>
               </div>
           </a>
       </div>
       <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
           <a class="dashboard-stat dashboard-stat-v2 green" href="#">
               <div class="visual">
                   <i class="fa fa-shopping-cart"></i>
               </div>
               <div class="details">
                   <div class="number">
                       <span data-counter="counterup" data-value="549">549</span>
                   </div>
                   <div class="desc"> New Orders </div>
               </div>
           </a>
       </div>
       <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
           <a class="dashboard-stat dashboard-stat-v2 purple" href="#">
               <div class="visual">
                   <i class="fa fa-globe"></i>
               </div>
               <div class="details">
                   <div class="number"> +
                       <span data-counter="counterup" data-value="89">89</span>% </div>
                   <div class="desc"> Brand Popularity </div>
               </div>
           </a>
       </div>
   </div>
   
   <div class="row">
      <div class="col-lg-6 col-xs-12 col-sm-12">
          <!-- BEGIN PORTLET-->
          <div class="portlet light bordered">
              <div class="portlet-title">
                  <div class="caption">
                      <i class="icon-bar-chart font-dark hide"></i>
                      <span class="caption-subject font-dark bold uppercase">Site Visits</span>
                      <span class="caption-helper">weekly stats...</span>
                  </div>
                  <div class="actions">
                      <div class="btn-group btn-group-devided" data-toggle="buttons">
                          <label class="btn red btn-outline btn-circle btn-sm active">
                              <input type="radio" name="options" class="toggle" id="option1">New</label>
                          <label class="btn red btn-outline btn-circle btn-sm">
                              <input type="radio" name="options" class="toggle" id="option2">Returning</label>
                      </div>
                  </div>
              </div>
              <div class="portlet-body">
                  <div id="site_statistics_loading" style="display: none;">
                      <img src="/static/global/img/loading.gif" alt="loading"> </div>
                  <div id="site_statistics_content" class="display-none" style="display: block;">
                      <div id="site_statistics" class="chart" style="padding: 0px; position: relative;"> <canvas class="flot-base" width="757" height="300" style="direction: ltr; position: absolute; left: 0px; top: 0px; width: 757px; height: 300px;"></canvas><div class="flot-text" style="position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; font-size: smaller; color: rgb(84, 84, 84);"><div class="flot-x-axis flot-x1-axis xAxis x1Axis" style="position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; display: block;"><div style="position: absolute; max-width: 84px; top: 285px; font-style: normal; font-variant: small-caps; font-weight: 400; font-stretch: normal; font-size: 11px; line-height: 14px; font-family: &quot;Open Sans&quot;, sans-serif; color: rgb(111, 123, 138); left: 11px; text-align: center;">02/2013</div><div style="position: absolute; max-width: 84px; top: 285px; font-style: normal; font-variant: small-caps; font-weight: 400; font-stretch: normal; font-size: 11px; line-height: 14px; font-family: &quot;Open Sans&quot;, sans-serif; color: rgb(111, 123, 138); left: 98px; text-align: center;">03/2013</div><div style="position: absolute; max-width: 84px; top: 285px; font-style: normal; font-variant: small-caps; font-weight: 400; font-stretch: normal; font-size: 11px; line-height: 14px; font-family: &quot;Open Sans&quot;, sans-serif; color: rgb(111, 123, 138); left: 185px; text-align: center;">04/2013</div><div style="position: absolute; max-width: 84px; top: 285px; font-style: normal; font-variant: small-caps; font-weight: 400; font-stretch: normal; font-size: 11px; line-height: 14px; font-family: &quot;Open Sans&quot;, sans-serif; color: rgb(111, 123, 138); left: 273px; text-align: center;">05/2013</div><div style="position: absolute; max-width: 84px; top: 285px; font-style: normal; font-variant: small-caps; font-weight: 400; font-stretch: normal; font-size: 11px; line-height: 14px; font-family: &quot;Open Sans&quot;, sans-serif; color: rgb(111, 123, 138); left: 360px; text-align: center;">06/2013</div><div style="position: absolute; max-width: 84px; top: 285px; font-style: normal; font-variant: small-caps; font-weight: 400; font-stretch: normal; font-size: 11px; line-height: 14px; font-family: &quot;Open Sans&quot;, sans-serif; color: rgb(111, 123, 138); left: 447px; text-align: center;">07/2013</div><div style="position: absolute; max-width: 84px; top: 285px; font-style: normal; font-variant: small-caps; font-weight: 400; font-stretch: normal; font-size: 11px; line-height: 14px; font-family: &quot;Open Sans&quot;, sans-serif; color: rgb(111, 123, 138); left: 535px; text-align: center;">08/2013</div><div style="position: absolute; max-width: 84px; top: 285px; font-style: normal; font-variant: small-caps; font-weight: 400; font-stretch: normal; font-size: 11px; line-height: 14px; font-family: &quot;Open Sans&quot;, sans-serif; color: rgb(111, 123, 138); left: 622px; text-align: center;">09/2013</div><div style="position: absolute; max-width: 84px; top: 285px; font-style: normal; font-variant: small-caps; font-weight: 400; font-stretch: normal; font-size: 11px; line-height: 14px; font-family: &quot;Open Sans&quot;, sans-serif; color: rgb(111, 123, 138); left: 710px; text-align: center;">10/2013</div></div><div class="flot-y-axis flot-y1-axis yAxis y1Axis" style="position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; display: block;"><div style="position: absolute; top: 273px; font-style: normal; font-variant: small-caps; font-weight: 400; font-stretch: normal; font-size: 11px; line-height: 14px; font-family: &quot;Open Sans&quot;, sans-serif; color: rgb(111, 123, 138); left: 22px; text-align: right;">0</div><div style="position: absolute; top: 220px; font-style: normal; font-variant: small-caps; font-weight: 400; font-stretch: normal; font-size: 11px; line-height: 14px; font-family: &quot;Open Sans&quot;, sans-serif; color: rgb(111, 123, 138); left: 1px; text-align: right;">1000</div><div style="position: absolute; top: 166px; font-style: normal; font-variant: small-caps; font-weight: 400; font-stretch: normal; font-size: 11px; line-height: 14px; font-family: &quot;Open Sans&quot;, sans-serif; color: rgb(111, 123, 138); left: 1px; text-align: right;">2000</div><div style="position: absolute; top: 113px; font-style: normal; font-variant: small-caps; font-weight: 400; font-stretch: normal; font-size: 11px; line-height: 14px; font-family: &quot;Open Sans&quot;, sans-serif; color: rgb(111, 123, 138); left: 1px; text-align: right;">3000</div><div style="position: absolute; top: 59px; font-style: normal; font-variant: small-caps; font-weight: 400; font-stretch: normal; font-size: 11px; line-height: 14px; font-family: &quot;Open Sans&quot;, sans-serif; color: rgb(111, 123, 138); left: 1px; text-align: right;">4000</div><div style="position: absolute; top: 6px; font-style: normal; font-variant: small-caps; font-weight: 400; font-stretch: normal; font-size: 11px; line-height: 14px; font-family: &quot;Open Sans&quot;, sans-serif; color: rgb(111, 123, 138); left: 1px; text-align: right;">5000</div></div></div><canvas class="flot-overlay" width="757" height="300" style="direction: ltr; position: absolute; left: 0px; top: 0px; width: 757px; height: 300px;"></canvas></div>
                  </div>
              </div>
          </div>
          <!-- END PORTLET-->
      </div>
      <div class="col-lg-6 col-xs-12 col-sm-12">
          <!-- BEGIN PORTLET-->
          <div class="portlet light bordered">
              <div class="portlet-title">
                  <div class="caption">
                      <i class="icon-share font-red-sunglo hide"></i>
                      <span class="caption-subject font-dark bold uppercase">Revenue</span>
                      <span class="caption-helper">monthly stats...</span>
                  </div>
                  <div class="actions">
                      <div class="btn-group">
                          <a href="" class="btn dark btn-outline btn-circle btn-sm dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true"> Filter Range
                              <span class="fa fa-angle-down"> </span>
                          </a>
                          <ul class="dropdown-menu pull-right">
                              <li>
                                  <a href="javascript:;"> Q1 2014
                                      <span class="label label-sm label-default"> past </span>
                                  </a>
                              </li>
                              <li>
                                  <a href="javascript:;"> Q2 2014
                                      <span class="label label-sm label-default"> past </span>
                                  </a>
                              </li>
                              <li class="active">
                                  <a href="javascript:;"> Q3 2014
                                      <span class="label label-sm label-success"> current </span>
                                  </a>
                              </li>
                              <li>
                                  <a href="javascript:;"> Q4 2014
                                      <span class="label label-sm label-warning"> upcoming </span>
                                  </a>
                              </li>
                          </ul>
                      </div>
                  </div>
              </div>
              <div class="portlet-body">
                  <div id="site_activities_loading" style="display: none;">
                      <img src="/static/global/img/loading.gif" alt="loading"> </div>
                  <div id="site_activities_content" class="display-none" style="display: block;">
                      <div id="site_activities" style="height: 228px; padding: 0px; position: relative;"> <canvas class="flot-base" width="757" height="228" style="direction: ltr; position: absolute; left: 0px; top: 0px; width: 757px; height: 228px;"></canvas><div class="flot-text" style="position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; font-size: smaller; color: rgb(84, 84, 84);"><div class="flot-x-axis flot-x1-axis xAxis x1Axis" style="position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; display: block;"><div style="position: absolute; max-width: 75px; top: 209px; font-style: normal; font-variant: small-caps; font-weight: 400; font-stretch: normal; font-size: 11px; line-height: 18px; font-family: &quot;Open Sans&quot;, sans-serif; color: rgb(111, 123, 138); left: 22px; text-align: center;">DEC</div><div style="position: absolute; max-width: 75px; top: 209px; font-style: normal; font-variant: small-caps; font-weight: 400; font-stretch: normal; font-size: 11px; line-height: 18px; font-family: &quot;Open Sans&quot;, sans-serif; color: rgb(111, 123, 138); left: 101px; text-align: center;">JAN</div><div style="position: absolute; max-width: 75px; top: 209px; font-style: normal; font-variant: small-caps; font-weight: 400; font-stretch: normal; font-size: 11px; line-height: 18px; font-family: &quot;Open Sans&quot;, sans-serif; color: rgb(111, 123, 138); left: 181px; text-align: center;">FEB</div><div style="position: absolute; max-width: 75px; top: 209px; font-style: normal; font-variant: small-caps; font-weight: 400; font-stretch: normal; font-size: 11px; line-height: 18px; font-family: &quot;Open Sans&quot;, sans-serif; color: rgb(111, 123, 138); left: 256px; text-align: center;">MAR</div><div style="position: absolute; max-width: 75px; top: 209px; font-style: normal; font-variant: small-caps; font-weight: 400; font-stretch: normal; font-size: 11px; line-height: 18px; font-family: &quot;Open Sans&quot;, sans-serif; color: rgb(111, 123, 138); left: 337px; text-align: center;">APR</div><div style="position: absolute; max-width: 75px; top: 209px; font-style: normal; font-variant: small-caps; font-weight: 400; font-stretch: normal; font-size: 11px; line-height: 18px; font-family: &quot;Open Sans&quot;, sans-serif; color: rgb(111, 123, 138); left: 414px; text-align: center;">MAY</div><div style="position: absolute; max-width: 75px; top: 209px; font-style: normal; font-variant: small-caps; font-weight: 400; font-stretch: normal; font-size: 11px; line-height: 18px; font-family: &quot;Open Sans&quot;, sans-serif; color: rgb(111, 123, 138); left: 495px; text-align: center;">JUN</div><div style="position: absolute; max-width: 75px; top: 209px; font-style: normal; font-variant: small-caps; font-weight: 400; font-stretch: normal; font-size: 11px; line-height: 18px; font-family: &quot;Open Sans&quot;, sans-serif; color: rgb(111, 123, 138); left: 575px; text-align: center;">JUL</div><div style="position: absolute; max-width: 75px; top: 209px; font-style: normal; font-variant: small-caps; font-weight: 400; font-stretch: normal; font-size: 11px; line-height: 18px; font-family: &quot;Open Sans&quot;, sans-serif; color: rgb(111, 123, 138); left: 651px; text-align: center;">AUG</div><div style="position: absolute; max-width: 75px; top: 209px; font-style: normal; font-variant: small-caps; font-weight: 400; font-stretch: normal; font-size: 11px; line-height: 18px; font-family: &quot;Open Sans&quot;, sans-serif; color: rgb(111, 123, 138); left: 733px; text-align: center;">SEP</div></div><div class="flot-y-axis flot-y1-axis yAxis y1Axis" style="position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; display: block;"><div style="position: absolute; top: 197px; font-style: normal; font-variant: small-caps; font-weight: 400; font-stretch: normal; font-size: 11px; line-height: 14px; font-family: &quot;Open Sans&quot;, sans-serif; color: rgb(111, 123, 138); left: 22px; text-align: right;">0</div><div style="position: absolute; top: 149px; font-style: normal; font-variant: small-caps; font-weight: 400; font-stretch: normal; font-size: 11px; line-height: 14px; font-family: &quot;Open Sans&quot;, sans-serif; color: rgb(111, 123, 138); left: 8px; text-align: right;">500</div><div style="position: absolute; top: 100px; font-style: normal; font-variant: small-caps; font-weight: 400; font-stretch: normal; font-size: 11px; line-height: 14px; font-family: &quot;Open Sans&quot;, sans-serif; color: rgb(111, 123, 138); left: 1px; text-align: right;">1000</div><div style="position: absolute; top: 52px; font-style: normal; font-variant: small-caps; font-weight: 400; font-stretch: normal; font-size: 11px; line-height: 14px; font-family: &quot;Open Sans&quot;, sans-serif; color: rgb(111, 123, 138); left: 1px; text-align: right;">1500</div><div style="position: absolute; top: 3px; font-style: normal; font-variant: small-caps; font-weight: 400; font-stretch: normal; font-size: 11px; line-height: 14px; font-family: &quot;Open Sans&quot;, sans-serif; color: rgb(111, 123, 138); left: 1px; text-align: right;">2000</div></div></div><canvas class="flot-overlay" width="757" height="228" style="direction: ltr; position: absolute; left: 0px; top: 0px; width: 757px; height: 228px;"></canvas></div>
                  </div>
                  <div style="margin: 20px 0 10px 30px">
                      <div class="row">
                          <div class="col-md-3 col-sm-3 col-xs-6 text-stat">
                              <span class="label label-sm label-success"> Revenue: </span>
                              <h3>$13,234</h3>
                          </div>
                          <div class="col-md-3 col-sm-3 col-xs-6 text-stat">
                              <span class="label label-sm label-info"> Tax: </span>
                              <h3>$134,900</h3>
                          </div>
                          <div class="col-md-3 col-sm-3 col-xs-6 text-stat">
                              <span class="label label-sm label-danger"> Shipment: </span>
                              <h3>$1,134</h3>
                          </div>
                          <div class="col-md-3 col-sm-3 col-xs-6 text-stat">
                              <span class="label label-sm label-warning"> Orders: </span>
                              <h3>235090</h3>
                          </div>
                      </div>
                  </div>
              </div>
          </div>
          <!-- END PORTLET-->
      </div>
  </div>
  
  <div class="row">
     <div class="col-lg-6 col-xs-12 col-sm-12">
         <div class="portlet light bordered">
             <div class="portlet-title">
                 <div class="caption">
                     <i class="icon-cursor font-dark hide"></i>
                     <span class="caption-subject font-dark bold uppercase">General Stats</span>
                 </div>
                 <div class="actions">
                     <a href="javascript:;" class="btn btn-sm btn-circle red easy-pie-chart-reload">
                         <i class="fa fa-repeat"></i> Reload </a>
                 </div>
             </div>
             <div class="portlet-body">
                 <div class="row">
                     <div class="col-md-4">
                         <div class="easy-pie-chart">
                             <div class="number transactions" data-percent="55">
                                 <span>+55</span>% <canvas height="75" width="75"></canvas></div>
                             <a class="title" href="javascript:;"> Transactions
                                 <i class="icon-arrow-right"></i>
                             </a>
                         </div>
                     </div>
                     <div class="margin-bottom-10 visible-sm"> </div>
                     <div class="col-md-4">
                         <div class="easy-pie-chart">
                             <div class="number visits" data-percent="85">
                                 <span>+85</span>% <canvas height="75" width="75"></canvas></div>
                             <a class="title" href="javascript:;"> New Visits
                                 <i class="icon-arrow-right"></i>
                             </a>
                         </div>
                     </div>
                     <div class="margin-bottom-10 visible-sm"> </div>
                     <div class="col-md-4">
                         <div class="easy-pie-chart">
                             <div class="number bounce" data-percent="46">
                                 <span>-46</span>% <canvas height="75" width="75"></canvas></div>
                             <a class="title" href="javascript:;"> Bounce
                                 <i class="icon-arrow-right"></i>
                             </a>
                         </div>
                     </div>
                 </div>
             </div>
         </div>
     </div>
     <div class="col-lg-6 col-xs-12 col-sm-12">
         <div class="portlet light bordered">
             <div class="portlet-title">
                 <div class="caption">
                     <i class="icon-equalizer font-dark hide"></i>
                     <span class="caption-subject font-dark bold uppercase">Server Stats</span>
                     <span class="caption-helper">monthly stats...</span>
                 </div>
                 <div class="tools">
                     <a href="" class="collapse" data-original-title="" title=""> </a>
                     <a href="#portlet-config" data-toggle="modal" class="config" data-original-title="" title=""> </a>
                     <a href="" class="reload" data-original-title="" title=""> </a>
                     <a href="" class="remove" data-original-title="" title=""> </a>
                 </div>
             </div>
             <div class="portlet-body">
                 <div class="row">
                     <div class="col-md-4">
                         <div class="sparkline-chart">
                             <div class="number" id="sparkline_bar5"><canvas width="113" height="55" style="display: inline-block; width: 113px; height: 55px; vertical-align: top;"></canvas></div>
                             <a class="title" href="javascript:;"> Network
                                 <i class="icon-arrow-right"></i>
                             </a>
                         </div>
                     </div>
                     <div class="margin-bottom-10 visible-sm"> </div>
                     <div class="col-md-4">
                         <div class="sparkline-chart">
                             <div class="number" id="sparkline_bar6"><canvas width="107" height="55" style="display: inline-block; width: 107px; height: 55px; vertical-align: top;"></canvas></div>
                             <a class="title" href="javascript:;"> CPU Load
                                 <i class="icon-arrow-right"></i>
                             </a>
                         </div>
                     </div>
                     <div class="margin-bottom-10 visible-sm"> </div>
                     <div class="col-md-4">
                         <div class="sparkline-chart">
                             <div class="number" id="sparkline_line"><canvas width="100" height="55" style="display: inline-block; width: 100px; height: 55px; vertical-align: top;"></canvas></div>
                             <a class="title" href="javascript:;"> Load Rate
                                 <i class="icon-arrow-right"></i>
                             </a>
                         </div>
                     </div>
                 </div>
             </div>
         </div>
     </div>
 </div>
  
</div>
<div class="clearfix" data-th-fragment="center-foot"></div>
